@charset "utf-8";
/* CSS Document */

/*1.先设置body的内外边距都为0，否则页面内容无法和浏览器顶头，会由于body的默认值产生缝隙
    如果设置body后，没有产生效果，是由于浏览器原因，这个时候可以将"body"改为"*"，则代表将所有元素都设置为无内外边距，如果需要则再各自详细样式表中再设置
	body{
		margin:0px; 
		padding:0px;
    }
*/
*{
	font-size:12px;    /*针对所有文字默认大小是12px*/
	margin:0px; 		/*边距*/
	padding:0px;		/*内部距离*/
}

body{
	background-color:#FFD8D9;    /*设置整个页面的背景色为粉红色*/
}

/*2.设置容器的基本样式*/
#container{
	width:700px;
	margin:0px auto;
	position:relative;   /*关键：保证container中的所有元素都一定包在container中*/
}

#left {
	width:180px;
	float:left;
	background-color:#FFF;  /*left的背景为白色*/
	margin-top:2px;         /*top部分和下面的left、right中间有条缝，使用magin设置*/
	/*设置整个left下方的圆角图片*/
	background-image:url(../images/leftbottom.jpg);
	background-repeat:no-repeat;
	background-position:bottom;   
}

#right {
	width:518px;   /*右边518+左边180，比700少2px，用来做间距*/
	float:left;
	margin-top:2px;
	margin-left:2px;     /*left和right之间的2px间距，注意不是margin，因为对于right来说，只要左边有间距即可，如果4边都有，则超出700px*/
}

ul{
	list-style-type:none;    /*将所有的ul中列表前面的点去掉*/
}

/*所有的超链接，鼠标放上去，产生凸出的效果*/
a:hover{
	position:relative;
	bottom:1px;
	right:1px;
}

img{
	border:none;
}